<template>
    <div>
        <TopBar></TopBar>
        <div class="content">
            <div v-for="item in clubData" :key="item.id">
                <ClubCard :data="item"></ClubCard>
            </div>
        </div>
    </div>
</template>
<script>
import ClubCard from '@/components/ClubCard.vue'
import TopBar from '@/components/TopBar.vue'
export default {
  name: 'club',
  methods: {

  },
  components: {
    ClubCard,
    TopBar
  },
  data () {
    return {
      page: 1,
      clubData: []
    }
  },
  mounted () {
    this.$axios.get('/api/lists/mod/club').then((result) => {
      // console.log(result)
      this.clubData = result.data
    }).catch((err) => {
      console.log('err :', err)
    })
  }
}
</script>
<style scoped>
.content{
    margin-top: 50px;
    margin-bottom: 50px;
}
</style>
